<template>
  <div>
    <el-row :gutter="8">
      <el-col :span="8">
        <el-form-item label="客户分类">
          <selectDown
            v-model:modelData="data.cltType"
            placeholder="请输入后搜索"
            urlType="dict"
            urlQueryData="clt_group"
          >
          </selectDown>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="公司性质">
          <selectDown
            v-model:modelData="data.companyNature"
            placeholder="请输入后搜索"
            urlType="dict"
            urlQueryData="company_nature"
          >
          </selectDown>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="客户来源">
          <selectDown
            v-model:modelData="data.cltSource"
            placeholder="请输入后搜索"
            urlType="dict"
            urlQueryData="clt_source"
          >
          </selectDown>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="8">
      <el-col :span="8">
        <el-form-item label="客户航线">
          <selectDown
            v-model:modelData="data.tradelaneId"
            placeholder="请输入后搜索"
            urlType="tradelane"
            :option="option"
          >
          </selectDown>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="客户货量">
          <el-input v-model="data.cargoMemo"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="港口">
          <el-input v-model="data.portMemo"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="8">
      <el-col :span="8">
        <el-form-item label="邮编">
          <el-input v-model="data.postCode"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { defineComponent } from "vue";
import selectDown from "./selectDown.vue";
export default defineComponent({
  components: {
    selectDown,
  },
  props: {
    //详细数据
    detailData: {
      type: Object,
      default: () => {},
    },
    option:{
      type: Array,
      default: () => [],
    }
  },
  emits: ["update:detailData"],
  computed: {
    data: {
      get() {
        return this.detailData;
      },
      set(value) {
        this.$emit("update:detailData", value);
      },
    },
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {},
});
</script>

<style lang="scss" scoped></style>
